<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>
<link rel="stylesheet" href="./css/login.min.css">
<body>
    <div class="web">
    <header>
        <!-- 头部 -->
        <div class="h-blue"></div>
       <!-- 导航栏 -->
       <div class="h-nav">
           <!-- 鼎搜网logo图片 -->
           <div class="h-nav-logo">
               <img src="./images/index/logo.png" alt="">
           </div>
           <!-- 多个标签字 -->
           <div class="h-nav-box">
               <ul class="h-nav-box-ul">
                   <a href="#">
                       <li class="h-nav-box-ul line active">首页</li>
                   </a>
                   <a href="">
                       <li class="h-nav-box-ul line">鼎搜投资</li>
                   </a>
                   <a href="">
                       <li class="h-nav-box-ul line">鼎搜服务</li>
                   </a>
                   <a href="">
                       <li class="h-nav-box-ul line">鼎搜动态</li>
                   </a>
                   <a href="">
                       <li class="h-nav-box-ul line">鼎搜诚聘</li>
                   </a>
                   <a href="">
                       <li class="h-nav-box-ul line">鼎搜公益</li>
                   </a>
               </ul>
           </div>
           <!-- 搜索框 -->
           <div class="h-nav-search">  
              <input type="search" class="h-nav-sc">    
           </div>
       </div>
       <!-- 轮播图 -->
       <div class="broadcast-jpg">
           <div class="broadcast-jpg-box">
               <img  src="./images/index/banner.png" alt="">
           </div>
          
           
       </div>
   </header>
   <main>
     <!-- 我要转让 -->
     <div class="zhuan-rang">
        <h3>
           <div class="h3-text">
               我要转让
           </div>                  
           <span>WO YAO ZHUAN RANG</span>
        </h3>        
   </div>
   <!--  登录大盒子 -->
<div class="login-box">
    <!-- 登录栏 -->
    <div class="login">
        <!-- 俩个顶部的点击按钮的盒子 -->
        <div class="button-box">
            <div class="button-blue">
                <span>点击登录</span>
            </div>
            <div class="button-white">
                <span>点击注册</span>
            </div>
        </div>
        <!-- 做一个表单来放条框 -->
        <form action="">
            <ul>
                <li>
                    <span>用户名：</span>
                    <input  class="text" type="text">
                </li>
                <li>
                    <span>密码：</span>
                    <input class="text"  type="text">
                </li>
                <li>
                    <span>验证码：</span>
                    <input class="text short"  type="text">
                    <img src="./images/login/QQ截图20151221103301.png" alt="">
                    <span>看不清?</span>
                    <span class="color-red">点击更换</span>
                </li>
                <li>
                    <span>有效期：</span>
                    <input type="radio" value="moon" name="gender"/>一个月
                    <input type="radio" value="week" name="gender"/>一周
                    <input type="radio" value="day" name="gender"/>一天
                    <input type="radio" value="now" name="gender"/>即时
                </li>
            </ul>
        </form>
        <!-- 底部的蓝色点击按钮 -->
        <div class="button-b-box">
            <div class="button-b">  
                <span>登录</span> 
             </div>
             <span class="color-red">忘记密码 ?</span>
        </div>
       
</div>
    <!-- 鼎搜图片盒子 -->
    <div class="ding-img-box">   
        <img src="./images/login/鼎搜让生意做得更容易.png" alt="">
    </div>

</div>


   </main>
    <footer>
        <!-- 装饰线 -->
        <hr/>
    <div class="footer-box">
             <!-- 列表 -->
        <!-- <div class="footer-ulbox"> -->
            <ul>
                <li>简介</li>
                <li>鼎搜网简介</li>
                <li>鼎搜服务</li>
                <li>会员身份认证</li>
            </ul>
            <ul>
                <li>帮助</li>
                <li>用户注册</li>
                <li>关于鼎搜</li>
                <li>在线咨询</li>
            </ul>
            <ul>
                <li>共赢</li>
                <li>网站合作</li>
                <li>用户协议</li>
                <li>会员身份认证</li>
            </ul>
            <ul>
                <li>导航</li>
                <li>地图首页</li>
                <li>职能分类</li>
                <li>企业名录</li>
            </ul>
        <!-- </div> -->
       
        <!-- 列表旁的图片 -->
        <div class="footer-img">
            <img src="./images/index/connect.png" alt="">
        </div>

      

    </div>   
    
        <!-- 底部蓝色 -->
    <div class="f-blue">
        Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
    </div>
</footer>
</div>
</body>
</html>